<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">  
  <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/style.css">
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
  <title>首页</title>
</head>
<body>
  <header class="header-bar">
    <div class="containter clearfix">
      <img class="logo" src="image/210850_100X100.png" alt="">
      <ul class="nav">
        <li class="active"><a href="homepage.html">首页</a></li>
        <li><a href="about.html">公司简介</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
    </div>
  </header>
  <section>
    <div class="banner">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><div class="banner-img img1"></div></div>
          <div class="swiper-slide"><div class="banner-img img2"></div></div>
          <div class="swiper-slide"><div class="banner-img img3"></div></div>
          <div class="swiper-slide"><div class="banner-img img4"></div></div>
          <!--<div class="swiper-slide"><div class="banner-img"></div><img src="image/230499.jpg" alt=""></div>-->
          <!--<div class="swiper-slide"><div class="banner-img"></div><img src="image/212413.jpg" alt=""></div>-->
          <!--<div class="swiper-slide"><div class="banner-img"></div><img src="image/212412.jpg" alt=""></div>-->
          <!--<div class="swiper-slide"><div class="banner-img"></div><img src="image/217960.jpg" alt=""></div>-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
    <div class="bannerWrap"></div>
    <!---->
    <div class="why-choose">
      <div class="containter">
        <div class="why-choose-img clearfix">
          <div class="img-item fl"><img src="image/209476_490X330.png" alt=""></div>
          <div class="img-item fr"><img src="image/213352_490X330.png" alt=""></div>
          <div class="img-item center-img"><img src="image/213343_490X330.png" alt=""></div>
        </div>
        <div class="why-choose-info">
          <h2>为什么选择亲恩？</h2>
          <p>亲恩历来崇尚消费者至上的原则，凭借百年美容业资深经验和差异化配方技术，专注于健康母婴护肤彩妆领域的研发、生产、营销、服务于一体的综合性化妆品公司。我们高度重视产品的质量及研发，寻遍5000年草本美肤之源，为您呈现安全高品质的养肤彩妆。</p>
        </div>
      </div>
    </div>
    <!--<div class="select-reason">
      <div class="m-title">
        <i>THE REASON FOR OUR<span>CHOICE</span></i>
        <h2>选择我们的理由</h2>
      </div>
      <img class="main-img" src="image/230322.jpg" alt="">
    </div>-->
    <img class="main-img" src="image/230322_10.jpg" alt="">
    <img class="main-img" src="image/230323_10.jpg" alt="">
    <div class="containter">
      <div class="case-shows">
        <div class="m-title">
          <h2>产品案例展示</h2>
          <i>PRODUCT CASE<span>DISPLAY</span></i>
        </div>
        <ul class="case-shows-list">
          <li><i class="case-type type-1"></i></li>
          <li><i class="case-type type-2"></i></li>
          <li><i class="case-type type-3"></i></li>
          <li><i class="case-type type-4"></i></li>
        </ul>
      </div>
    </div>
    <div class="business-model">
      <div class="m-title">
        <h2>亲恩经营方针</h2>
        <i>THE POLICY OF<span>LOVING KINDNESS</span></i>
      </div>
      <img class="main-img" src="image/230324_10.jpg" alt="">
    </div>
  </section>
  <footer class="footer-bar">
    <div class="contact-us">
      <div class="m-title">
        <i>CONTACT<span>US</span></i>
        <h2>联系我们</h2>
      </div>
      <ul class="contact-us-list">
        <li>
          <img src="image/-3606.png" alt="">
          <h2>地址</h2>
          <p>广州市白云区江夏强盛商务大厦G栋</p>
        </li>
        <li>
          <img src="image/-3607.png" alt="">
          <h2>电话</h2>
          <p>固话：020-36704686</p>
          <p></p>
          <p></p>
        </li>
        <li>
          <img src="image/-3608.png" alt="">
          <h2>邮箱</h2>
          <p>qinn_vip@163.com</p>
        </li>
      </ul>
      <div class="us-name">亲恩 11年孕妇护肤品牌</div>
    </div>
  </footer>
  <script>
    $(function(){
      var swiper = new Swiper('.swiper-container', {
        loop: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
    })
  </script>
</body>
</html>